<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="/gupiao/css/weui.css">
    <link rel="stylesheet" href="/gupiao/css/jquery-weui.css">
    <link rel="stylesheet" href="/gupiao/css/style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_689900_dt1769r3hlwel8fr.css">

</head>

<body class="back1">
<div class="swiper-container">
    <div class="swiper-wrapper" id="wrapper">
        {volist name='info' id='vo'}
            <div class="swiper-slide" ><img src="{$vo['pic']}" alt=""></div>
        {/volist}
    </div>
    <div class="swiper-pagination"></div>
</div>

<div style="background: #fff">
    <div id="scrollDiv">
        <ul>

            {volist name='notice' id='vo'}
                <li>{$vo['title']}</li>
            {/volist}

        </ul>
    </div>
</div>

<div class="weui-grids" style="background: #fff;margin-top: 15px;">

    <!--个股点评界面 跳转-->
    <a href="{:url('gupiao.lists/lists',['type'=>'remark'])}" class="weui-grid js_grid">
        <div class="weui-grid__icon">
            <i class="iconfont icon-pingjia1" style="font-size: 28px;color:#2196f3;"></i>
        </div>
        <p class="weui-grid__label" style="color:#2196f3;">
            个股点评
        </p>
    </a>

    <a href="{:url('gupiao.lists/lists',['type'=>'recomm'])}" class="weui-grid js_grid">
        <div class="weui-grid__icon">
            <i class="iconfont icon-pingjia" style="font-size: 28px;color:#e91e63;"></i>
        </div>
        <p class="weui-grid__label" style="color:#e91e63;">
            个股推荐
        </p>
    </a>

    <a href="{:url('gupiao.lists/shareList',['type'=>'share'])}" class="weui-grid js_grid">
        <div class="weui-grid__icon">
            <i class="iconfont icon-icon" style="font-size: 28px;color:#ff9800;"></i>
        </div>
        <p class="weui-grid__label" style="color:#ff9800;">
            精华分享
        </p>
    </a>
</div>

<div class="mb70"></div>

<div class="weui-flex weui-fixed-btm">
    <div class="weui-flex__item">
        <a href="javascript:;" class="weui-fixed-btn weui-btn_primary">
            <i class="iconfont icon-shouyefill"></i>
            <p>首页</p>
        </a>
    </div>
    <div class="weui-flex__item">
        <a href="{:url('gupiao.mycenter/mycenter')}" class="weui-fixed-btn">
            <i class="iconfont icon-yonghu"></i>
            <p>用户中心</p>
        </a>
    </div>
</div>


<script src="/gupiao/js/jquery.min.js"></script>
<script src="/gupiao/js/jquery-weui.min.js"></script>
<script src="/gupiao/js/swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 3000,//可选选项，自动滑动
        speed:500,  //滑动速度
        pagination : '.swiper-pagination', // 分页器
        paginationType : 'bullets', //fraction 数字分页坐标  bullets 加点页坐标
        loop:true, // 连续循环
        autoplayDisableOnInteraction : false, // 滑动后继续滑动
        //autoHeight: true, //高度随内容变化
    });
    function AutoScroll(obj){
        $(obj).find("ul:first").animate({
            marginTop:"-40px"
        },500,function(){
            $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
        });
    }
    $(document).ready(function(){
        setInterval('AutoScroll("#scrollDiv")',4000);
    });

</script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    //
    wx.config({
        debug: false,
        appId: '{$jsconfig.appId}',
        timestamp: '{$jsconfig.timestamp}',
        nonceStr: '{$jsconfig.noncestr}',
        signature: '{$jsconfig.signature}',
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo',
            'hideMenuItems',
            'showMenuItems',
            'hideAllNonBaseMenuItem',
            'showAllNonBaseMenuItem',
            'translateVoice',
            'startRecord',
            'stopRecord',
            'onRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage',
            'getNetworkType',
            'openLocation',
            'getLocation',
            'hideOptionMenu',
            'showOptionMenu',
            'closeWindow',
            'scanQRCode',
            'chooseWXPay',
            'openProductSpecificView',
            'addCard',
            'chooseCard',
            'openCard'
        ]
    });
    wx.isInit = false;

    wx.ready(function () {

        //分享给朋友
        wx.onMenuShareAppMessage({
            title: "一哥股票点评正在进行中，欢迎您的关注。",            // 分享标题 此处$title可在控制器端传递也可在页面传递 页面传递讲解在下面哦
            desc: "一哥股票点评，提供专业，靠谱的股票点评",             // 分享描述
            link: "{$web_url}",  // 分享链接
            imgUrl: "{$share_icon}",   // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                alert('分享成功');
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                alert('取消分享');
            }
        });
        //分享到朋友圈
        wx.onMenuShareTimeline({
            title: "一哥股票点评正在进行中，欢迎您的关注。",               // 分享标题
            desc: "一哥股票点评，提供专业，靠谱的股票点评",                // 分享描述
            link: "{$web_url}",      // 分享链接
            imgUrl: "{$share_icon}",         // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
                alert('分享成功');
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                alert('取消分享');
            }
        });
    });

    wx.error(function (res) {
        alert(res.errMsg);
    });


</script>

</body>
</html>

